templateViewInit = ()=>{
    searchFormInfo();

    // 已知数据渲染
    var inst = table.render({
        elem: '#definition-list',
        id:'definition-list-id',
        height: '#content-body-150',
        url: top.tools.getBaseUrl()+'/activiti/processInstance',
        method: 'post',
        headers:{
            'Access-Token':top.tools.cookie.token(),
            'Content-Type':'application/json',
        },
        toolbar: '#dictToolbar',
        defaultToolbar: ['filter', 'exports', 'print', { // 右上角工具图标
            title: '提示',
            layEvent: 'LAYTABLE_TIPS',
            icon: 'layui-icon-tips',
            onClick: function (obj) { // 2.9.12+
                layer.alert('自定义工具栏图标按钮');
            }
        }],
        cols: [
            [
                {type: 'checkbox', width: 50},
                {type: 'numbers', title: '序号', align: 'center', width: 80},
                {field: 'businessKey', title: '业务Key', align: 'left',width: 120},
                {field: 'name', title: '流程名称', align: 'left', minWidth: 100},
                {field: 'activityId', title: '流程节点', align: 'left', minWidth: 200},
                {field: 'ended', title: '流程状态', align: 'center',width: 120,templet:function (d){
                        return d.ended ? '已结束':'进行中';
                    }},
                {field: 'active', title: 'active', align: 'left',minWidth: 100},
                {field: 'startTime', title: '开始时间', align: 'center',width: 160,templet:function (d){
                        return top.tools.form.formatDate(d.startTime);
                    }},
                {field: 'lockTime', title: '锁定时间', align: 'center',width: 160,templet:function (d){
                        return top.tools.form.formatDate(d.lockTime);
                    }},
                {field: 'startUserId', title: '发起人', align: 'left',minWidth: 100},
                {field: 'isActive', title: '是否挂起', align: 'center',width: 120,templet:function (d){
                        let c = d.isActive==2 ? 'notify-msg-error':'notify-msg-success';
                        let b = d.isActive==2 ? '挂起':'激活';
                        return '<span class="notify-msg '+c+'" style="padding: 0 15px;justify-content: center;">'+b+'</span>';
                    }},
                {field: 'suspensionState', title: '流程定义状态', align: 'left',width: 120,templet:function (d){
                        let c = d.suspensionState==2 ? 'notify-msg-error':'notify-msg-success';
                        let b = d.suspensionState==2 ? '挂起':'激活';
                        return '<span class="notify-msg '+c+'" style="padding: 0 15px;justify-content: center;">'+b+'</span>';
                    }},
                {fixed: 'right', title: '操作', align: 'center',  width: 180, toolbar: '#barDemo'}
            ]
        ],
        parseData: dataToFormat,
        data:[
            {id:1,name:'用户性别',type:'system_user_sex',status:'0',remark:'',createTime:'2021-01-05 17:03:48'}
        ],
        //skin: 'line', // 表格风格
        //even: true,
        page: true, // 是否显示分页
        limits: [15, 20, 30,50],
        limit: 15, // 每页默认显示的数量
        done: function (res, curr, count) {
            $(".layui-table th[data-field=" + 0 + "] .layui-table-cell").html("");
        }
    });
    // 工具栏事件
    table.on('toolbar(definition-list)', function (obj) {
        var id = obj.config.id;
        var checkRow = table.checkStatus(id);
        if (checkRow.data.length<=0 && obj.event !== 'add'){
            layer.msg("请选择数据！");
            return
        }
        var data = checkRow.data;
        if (obj.event === 'add') {

        } else if (obj.event === 'apply') {

        } else  if (obj.event === 'renew') {

        }
    });
    // 触发单元格工具事件
    table.on('tool(definition-list)', function (obj) { // 双击 toolDouble
        var data = obj.data; // 获得当前行数据
        if (obj.event === 'view') {

        }else if (obj.event === 'end'){
            top.API.activiti().completeTask({processInstanceId:data.processInstanceId}, (res)=>{
                reloadTable()
            })
        }else if (obj.event === 'edit') {

        }else if (obj.event === 'del') {
            openConfirm(()=>{
                top.API.activiti().deleteById({deploymentId:data.deploymentId,id:data.id}, (res)=>{
                    reloadTable()
                })
            });
        }
    });


    queryButton('definition-list-id');
    formReset();
    function reloadTable(){
        table.reloadData('definition-list-id', {
            where: {}, // 数据异步请求时携带的字段集 --- 属性设置有效，因属于数据相关属性
            scrollPos: true, // 设定重载数据或切换分页时的滚动条的位置状态 --- 属性设置有效
            page: {
                curr: inst.config.page.curr,
                limit: inst.config.page.limit
            }
        })
    }
}
